\chapter{Prezentacja działania aplikacji}
\label{chap:prezentacja}
 W~tym rozdziale zawarty jest opis działania zrealizowanej aplikacji i prezentacja interfejsu graficznego użytkownika. 
 
 \begin{figure}[h]
 \centering
 \includegraphics[width=130mm]{obrazy/main.png}
 \caption{Główny widok aplikacji}
 \label{fig:screen2}
\end{figure}
 
 Aplikacja została podzielona na dwa panele
\ref{fig:screen2}. Panel po lewej stronie wyświetlany jest stale i pozwala na przechodzenie pomiędzy widokami aplikacji. W prawym górnym rogu wyświetlany jest link umożliwiający wylogowanie się z aplikacji. W panelu centralnym wyświetlane są poszczególne widoki programu, do których odnośniki znajdują się w zakładkach. 

\begin{figure}[h]
 \centering
 \includegraphics [width=90mm]{obrazy/outcomeQuery.png}
 \caption{Formularzu pojawiający się w przypadku próby dodania wydatku przekraczającego dostępny miesięczny bilans }
 \label{fig:screen3}
\end{figure}
W zakładkach dotyczących wydatków i przychodów wyświetlane są dane bezpośrednio wprowadzone przez użytkownika lub transakcje zaimportowane z wyciągu bankowego. Transakcje zaimportowane z konta bankowego przypisane są do kategorii "Import", użytkownik może jednak edytować każdą transakcję i nadawać operacjom własne kategorie. W przypadku próby dodania wydatku, który spowodowałby obniżenie miesięcznego salda poniżej zera, użytkownik jest informowany o przekroczeniu dostępnych środków \ref{fig:screen3}.   Może on stworzyć plan oszczędzania, który pozwoliłby na sfinansowanie wydatku, pozostawić ujemne saldo w miesiącu lub sprawdzić, jakie koszty musiałby ponieść w przypadku wzięcia kredytu w celu opłacenia wydatku \ref{fig:screen6}. Parametry kredytu, takie jak oprocentowanie, wysokość prowizji, dodatkowych kosztów i rodzaj rat  definiowane są przez użytkownika. System prezentuje szacowaną wartość rat kredytu (z wyszczególnieniem odsetek), całkowitej kwoty do spłaty i prowizji oraz przedstawia wizualizację danych w postaci wykresu kołowego. 



Aplikacja prezentuje aktualny stan zadłużenia członka rodziny. Dla każdego kredytu wyliczana jest wartość dotychczas opłaconych i pozostałych do uregulowania rat\ref{fig:screen5}.



\begin{figure}[h]
 \centering
 \includegraphics[width=130mm]{obrazy/kredyty2.png}
 \caption{Prezentacja elementów składowych kredytów}
 \label{fig:screen6}
\end{figure}

\begin{figure}[h]
 \centering
 \includegraphics[width=130mm]{obrazy/kredyty.png}
 \caption{Lista kredytów}
 \label{fig:screen5}
\end{figure}

\begin{figure}[h]
 \centering
 \includegraphics[width=130mm]{obrazy/wykresy.png}
 \caption{Wizualizacje wprowadzonych transakcji}
 \label{fig:screen9}
\end{figure}
System umożliwia tworzenie statystyk na podstawie wprowadzonych danych o wydatkach i przychodach.\ref{fig:screen9}. Dla określonego przedziału czasowego (domyślnie aktualny miesiąc) system generuje wykresy kołowe przedstawiające udział poszczególnych kategorii w ogóle wprowadzonych transakcji z podziałem na wydatki i przychody. System tworzy także grafiki przedstawiające wartość salda końcowego oraz sumę wszystkich dochodów i przychodów. Podział na transakcje powtarzające i pojedyncze przedstawiony jest za pomocą wykresu słupkowego. Aplikacja generuje wykres bilansu pokazujący, jak wartość salda zmieniała się w czasie. Tworzone obrazy są interaktywne, po kliknięciu w poszczególne elementy grafik prezentowane są dodatkowe dane o transakcjach w postaci chmurek\ref{fig:screen10}.

\begin{figure}[h]
 \centering
 \includegraphics[width=90mm]{obrazy/wykresy2.png}
 \caption{Wykresy salda}
 \label{fig:screen10}
\end{figure} 

Aplikacja umożliwia śledzenie kursów akcji Giełdy Papierów Wartościowych w Warszawie. Użytkownik może sprawdzić aktualną wartość swoich inwestycji w zakładce ,,Inwestycje'', odnośnik ,,Giełda''. System prezentuje listę inwestycji z wyszczególnieniem początkowej i aktualnej wartości inwestycji, początkowego i aktualnego kursu akcji oraz prezentuje wartość zmianę kursu w procentach \ref{fig:screen7}.

\begin{figure}[h]
 \centering
 \includegraphics[width=130mm]{obrazy/inwestycje.png}
 \caption{Lista inwestycji}
 \label{fig:screen7}
\end{figure}

System daje możliwość dodawania własnych planów oszczędzania. Po stworzeniu transakcji, system generuje raty miesięczne, które widoczne są w liście wydatków. Modyfikacja raty oszczędzania powoduje uaktualnienie wartości kolejnych rat. W zakładce ,,Planer'' użytkownik może sprawdzić aktualny stan uzbieranych środków \ref{fig:screen8}.

\begin{figure}[h]
 \centering
 \includegraphics[width=130mm]{obrazy/planOszczedzania.png}
 \caption{Plany oszczędzania}
 \label{fig:screen8}
\end{figure}

Aplikacja pozwala na porównanie zysków z lokat na stały procent. System wylicza wartość końcową lokaty, prezentuje udział odsetek w postaci wykresów kołowych. Użytkownik może sprawdzić aktualny stan sowich lokat w zakładce ,,Inwestycje'', odnośnik ,,Lokaty'' \ref{fig:screen4}.    
\begin{figure}[h]
 \centering
 \includegraphics[width=130mm]{obrazy/lokaty.png}
 \caption{Lista lokat}
 \label{fig:screen4}
\end{figure}

Użytkownik ma możliwość tworzenia i własnego drzewa kategorii przypisywanych do transakcji. Aplikacja zapewnia listę podstawowych kategorii, która w ramach potrzeby może być rozszerzana. \ref{fig:screen13}.

\begin{figure}[h]
 \centering
 \includegraphics{obrazy/kategorie.png}
 \caption{Drzewo kategorii}
 \label{fig:screen13}
\end{figure}






